<style>.footer.footer-home {display: none;}.minus{cursor:pointer;}.plus{cursor:pointer;}</style>
<script type="text/javascript" src="resource/js/Calendar.js" ></script>
<script type="text/javascript" src="resource/js/fun.js?v=0.1" ></script>
<div class="header">
    <a href="javascript:history.go(-1); " class="return iconfont icon-shangyiye"></a>
    <div class="header-title">确认信息</div>
</div>
<div class="content content-bot" >
    <?php if ($output['ticket']['tk_type'] == 1): ?>
    <div class="calendar">
        <div class="outer clearfix" id="calendarcontainer"></div>
    </div>
    <?php endif; ?>
    <ul class="content-submit">
        <li>选择份数</li>
        <?php if ($output['cur_sku'] && is_array($output['cur_sku'])): ?>
            <?php foreach ($output['cur_sku'] as $sku): ?>
                <li class="sku">
                    <div class="submit-l">
                        <label><?php echo $sku['type_name']; ?>: <?php echo $sku['type_desc']; ?></label><br />
                        <span>¥<?php echo $sku['sku_price']; ?></span><samp>/张</samp>
                    </div>
                    <div class="number fr">
                        <a class="minus" style="cursor: pointer;">-</a>
                        <input class="p_num" form="buyForm" data-price="<?php echo $sku['sku_price']; ?>" data-store="<?php echo $sku['sku_store']; ?>" type="text" name="sku[<?php echo $sku['sku_id']; ?>]" value="0" />
                        <a class="plus" style="cursor: pointer;">+</a>
                    </div>
                </li>
            <?php endforeach; ?>
        <?php endif; ?>
    </ul>
    <?php if ($output['ticket']['tk_type'] == 0): ?>
<!--    <div class="submit-remind">温馨提示: 门票有效期至 2018-06-22</div>-->
    <?php endif; ?>
</div>

<div class="footer footer-submit">
    <ul>
        <li><a><samp>合计：</samp><span class="count">¥0</span></a></li>
        <li class="active" id="buyBtn" style="cursor: pointer;"><a>立即购买</a></li>
    </ul>
</div>
<form id="buyForm" action="index.php?act=ticket&op=place_info" method="post">
    <input type="hidden" name="form_submit" value="ok">
    <input type="hidden" name="tid" value="<?php echo $output['ticket']['tk_id']; ?>">
    <input type="hidden" name="sid" value="<?php echo $output['spec_info']['spec_id']; ?>" >
    <input type="hidden" name="totalAmount" value="">
    <input type="hidden" name="date" value="">
</form>

<script type="text/javascript">
    <?php if ($output['ticket']['tk_type'] == 1): ?>

    //改变选中的日期
    function changeDate(date) {
        selInput.val(date);
        $.post('index.php?act=ticket&op=change_date', {
            tid: $('input[name="tid"]').val(),
            sid: $('input[name="sid"]').val(),
            date: date
        }, function (data) {
            var sku_content = $('.content-submit');
            sku_content.find('li.sku').remove();
            sku_content.append(data);
            countPrice();
        });
    }

    var selInput = $('input[name="date"]');
    selInput.val('<?php echo $output['cur_sku'] ? date('Y-m-d') : ''; ?>');
    var sel = '<?php echo $output['cur_sku'] ? date('Y/n/j') : ''; ?>';
    var jsonData = <?php echo $output['date_price']; ?>;
    //c:容器,y:年,m:月,a:出发时间json,f:是否显示双日历,fu:回调调
    var today = '<?php echo date('Y-m-d'); ?>';
    var nYear = <?php echo date('Y'); ?>;   //现在年
    var nMonth = <?php echo date('m'); ?>;  //现在月
    var nDay = <?php echo date('d'); ?>;    //现在是一个月的第几天
    var nWeekday = <?php echo date('w'); ?>;//现在周几，0为周日
    var para = {
        'c': 'calendarcontainer',
        'y': nYear,
        'm': nMonth,
        'a': {
            'd1': today,                    //最早时间
            'd2': (nYear + 1) + '-12-31'    //最晚时间，设置为后一年12月31日
        },
        'f': 0,  //显示双日历用1，单日历用0
        'clickfu': function (to) {//回调函数，to为点击对象，点击日期是调用的函数,参数to为点击的日期的节点对象，可以把用户选定的日期通过此函数存入服务端或cookies，具体请自行编写
            to = $(to);
            if (to.has('b').length) {
                to.addClass("hover").siblings().removeClass('hover').parent().siblings().find('td').removeClass('hover');
                var selDate = to.attr('id');
                var tmp = selDate.replace('-0', '/').replace('-', '/');
                if (sel != tmp) {
                    sel = tmp;
                    changeDate(selDate);
                }
            } else {
                //console.log('此日期下无价格,不做操作');
            }
        },
        'showFu': function (d) {	//回调函数，d为要显示的当前日期，主要用于判断是否要在该日期的格子里显示出指定的内容，在日期格子里额外显示内容的函数,返回值必须为字符串，参数d为显示的日期对象（日期类型）
            var dateStr = d.toLocaleDateString();
            if (sel === dateStr) {
                var arr = dateStr.split('/');
                var id = '#' + arr[0] + '-' + pad(arr[1]) + '-' + pad(arr[2]);
                setTimeout(function () {
                    $(id).addClass('hover');
                }, 100);
            }
            for (var i = 0; i < jsonData.length; i++) { //遍历价格数组
                if (dateStr == (new Date(jsonData[i].date)).toLocaleDateString()) {
                    return '¥' + jsonData[i].price ;
                }
            }
            return '¥' + <?php echo $output['fixation_sku'][0]['sku_price']; ?>  //没有设置的日期默认展示
        }
    };
    CreateCalendar(para, 'para'); //参数前一个是对象，后一个是对象名称
    <?php endif; ?>

    //触发计算价格
    function countPrice() {
        var count = 0;
        $('.p_num').each(function (i) {
            var _this = $(this);
            var val = _this.val();
            count += parseFloat(_this.data('price')) * parseInt(val ? val : 0);
        });
        //console.log(count);
        $('.count').text('¥' + count.toFixed(2));
        $('input[name="totalAmount"]').val(count);
    }

    //简单校验库存
    function checkStore() {
        var res = true;
        var nums = 0;
        $('.p_num').each(function (i) {
            var _this = $(this);
            var val = _this.val();
            val = val ? parseInt(val) : 0;
            nums += val;
            if (val > parseInt(_this.data('store'))) {
                var text = _this.parent().prev().find('label').text().split(':');
                res = false;
                popAlert(text[0] + ':库存不足');
                return false;
            }
        });
        if (nums <= 0) {
            popAlert('购买门票不能为0');
            res = false;
        }
        return res;
    }


    //只能输入数字
    $(document).on('input', '.p_num', function () {
        if (this.value !== '') {
            this.value = this.value.replace(/\D/g, '');
            this.value = this.value === '' ? 0 : parseInt(this.value);
        }
        countPrice();
    });
    //减少张数
    $(document).on('click', '.minus', function () {
        var input = $(this).next();
        var val = input.val();
        if (val === '' || parseInt(val) <= 0) {
            input.val(0)
        } else {
            input.val(parseInt(val) - 1);
        }
        countPrice();
    });

    //增加张数
    $(document).on('click', '.plus', function () {
        var input = $(this).prev();
        var val = input.val();
        if (val === '') {
            input.val(1)
        } else {
            input.val(parseInt(val) + 1);
        }
        countPrice();
    });


    //提交表单
    $('#buyBtn').click(function () {
        //alert(curTime);
        var date = new Date(); //时间对象
        var str = date.getTime(); //转换成时间戳
        var sub_time = $('[name="date"]').val();
        var startTime = new Date(Date.parse(sub_time)).getTime();
        if(startTime<str && sub_time!=getdate()){
            popAlert('该时间段的门票已过期！');
            return false;
        }

        //CompareDate(curTime,startTime);
        //alert(CompareDate(curTime,startTime));
        //alert(new Date($('[name="date"]').val().replace(/\-/g, "\/")));
        //alert($('[name="date"]').val());
        checkStore() && $('#buyForm').submit();
    });
    function getdate() {
        var date = new Date();
        var mon = date.getMonth()  + 1;         //getMonth()返回的是0-11，则需要加1
        if(mon <=9){                                     //如果小于9的话，则需要加上0
            mon = "0" + mon;
        }
        var day = date.getDate();                   //getdate()返回的是1-31，则不需要加1
        if(day <=9){                                     //如果小于9的话，则需要加上0
            day = "0" + day;
        }
        return date.getFullYear() + "-" + mon + "-" +  day;
    }

</script>
